<template>
	<!-- 空白页 -->
	
	<view style="padding: 30upx;width: 100%;height: 100%;background: #EDEFF2;">
		<empty v-if="detailList.length === 0"></empty>
		<view class="perItem" v-for="(item, index) in detailList" :key="index">
			<!-- <view style="display: flex;flex-direction: column;align-items: center;justify-content: center;margin-left: 40upx;">
				<view style="font-size: 48upx;font-family: PingFang SC, PingFang SC-Bold;font-weight: 700;color: #000000;line-height: 48upx;">60分</view>
				<view style="font-size: 20upx;font-family: PingFang SC, PingFang SC-Medium;font-weight: 500;color: #a9a9a9;">得分</view>
			</view>
			<view style="width: 2upx;height: 40upx;background: #dddddd;margin-left: 40upx;margin-right: 30upx;"></view> -->
			<view style="display: flex;flex-direction: column;align-items: flex-start;justify-content: center;padding-left: 20px;padding-right: 20px;">
				<view style="font-size: 30upx;font-family: PingFang SC, PingFang SC-Bold;font-weight: 700;color: #333333;line-height: 48upx;">{{item.title}}</view>
				<view style="font-size: 20upx;font-family: PingFang SC, PingFang SC-Medium;font-weight: 500;color: #a9a9a9;">{{item.create_time | formatTime}}</view>
			</view>
			<view style="float: right;right: 40upx;margin-left: auto;">
				<text class="cell-more yticon icon-you"></text>
			</view>
		</view>
	</view>
</template>

<script>
	import empty from "@/components/empty";
	export default {
			data() {
				return {
					detailList: [],
					eid:'',
					items:[]
				};
			},
			components: {
				empty
			},
			
			onLoad(options){
				this.loadData()			
			},
			 
			methods: {
				//获取订单列表
				loadData(id){
					var that = this;
					that.$zdapi.getTestRecords({
						uid: wx.getStorageSync('uid')
					}).then( res => {
						that.detailList = res.data
					})	
				}
			}
		}
	
</script>

<style>
	*{
		box-sizing: border-box;
	}
	page{
		background: #EDEFF2;
		height: 100%;
	}
	.perItem{
		width: 100%;
		height: 150upx;
		border-radius: 15upx;
		background: #ffffff;
		display: flex;
		align-items: center;
	}
	
	.perItem:nth-of-type(n+1){
		margin-top: 20upx;
	}
</style>
